<style>

    body {
        background-color: #f4f4f4;
    }

    .basic_info {
        width: 100%;
        margin-left: 15px;
    }
</style>
<form action="" class="form-horizontal form-ajax" data-toggle="validator" id="add-form" method="POST" role="form">
    {:token()}
    <h4 style="color: blue">基本信息</h4>
    <div style="display: flex;width: 100%">
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2">岗位:</label>
            <div class="col-xs-12 col-sm-8">
                {:build_select('group[]', $groupdata, $groupids, ['class'=>'form-control selectpicker', 'multiple'=>'', 'data-rule'=>'required'])}
            </div>
        </div>
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="mobile">手机号（登录账号）:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" data-rule="mobile" id="mobile" name="row[mobile]" type="text" value="{$row.mobile}"/>
            </div>
        </div>
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="password">{:__('Password')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input autocomplete="new-password" class="form-control" data-rule="" id="password"
                       name="row[password]" type="password" value=""/>
                <button type="button" id="reset_pas">重置密码</button>
            </div>
        </div>
        <!--        <div class="form-group basic_info">-->
        <!--            <label class="basic_info col-xs-12 col-sm-2" for="username">登录账号:</label>-->
        <!--            <div class="col-xs-12 col-sm-8">-->
        <!--                <input class="form-control" data-rule="required;username" id="username" name="row[username]" type="text"-->
        <!--                       value=""/>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="nickname">姓名:</label>
            <div class="col-xs-12 col-sm-8">
                <input autocomplete="off" class="form-control" data-rule="required" id="account" name="row[account]" type="text"
                       value="{$row.account}"/>
            </div>
        </div>
    </div>
    <div style="display: flex;width: 100%">
        <div class="form-group basic_info" style="width: 100%">
            <label class="basic_info col-xs-12 col-sm-2">性别:</label>
            <div class="col-xs-12 col-sm-8">
                {:build_radios('row[sex]', [1=>'男', 2=>'女'],$row.sex)}
            </div>
        </div>
        <div class="form-group basic_info" style="margin-left:-10% ">
            <label class="basic_info col-xs-12 col-sm-2">出生年月:</label>
            <div class="basic_info col-sm-8" style="width: 60%">
                <input class="form-control datetimepicker" id="birthday"  data-date-format="YYYY-MM-DD" data-rule="required"
                       data-use-current="true" name="row[birthday]" type="text" value="{$row.birthday}">
            </div>
        </div>
        <div class="form-group basic_info" style="width: 50%">
            <label class="basic_info col-xs-12 col-sm-2">年龄:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" data-rule="required" id="age" data-use-current="true" value="{$row.age}" name="row[age]" type="text">
            </div>
        </div>
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="mobile">入职时间:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-rule="required"
                       data-use-current="true" name="row[entry_time]" type="text" value="{$row.entry_time}">
            </div>
        </div>
        <div class="form-group basic_info" style="width: 120%">
            <label class="basic_info col-xs-12 col-sm-2">{:__('Status')}:</label>
            <div class="col-xs-12 col-sm-8">
                {:build_radios('row[status]', ['normal'=>__('在职'), 'hidden'=>__('离职')],$row.status)}
            </div>
        </div>
        <!--    <div class="form-group ">-->
        <!--        <label class="control-label col-xs-12 col-sm-2" for="grade_id">最高学历:</label>-->
        <!--        <div class="col-xs-12 col-sm-8">-->
        <!--            <input class="col-xs-12 col-sm-8 selectpage" data-field="title" data-pagination="true"-->
        <!--                   data-page-size="10" data-source="trusteeship/my_class/getGrade"-->
        <!--                   id="grade_id" name="row[grade_id]" style="padding: 5px;"-->
        <!--                   value="">-->
        <!--        </div>-->
        <!--    </div>-->
    </div>
    <div style="display: flex;width: 100%">


    </div>
    <h4 style="color: blue">学历信息</h4>
    <div style="display: flex;width: 100%">
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="mobile">最高学历:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="col-xs-12 col-sm-8 selectpage" data-field="title" data-pagination="true"
                       data-page-size="10" data-source="trusteeship/my_class/getEducation"
                       id="education_id" name="row[education_id]" style="padding: 5px;"
                       value="{$row.education_id}">
            </div>
        </div>
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="school">学校:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" id="school" name="row[school]" type="text"
                       value="{$row.school}"/>
            </div>
        </div>
        <div class="form-group basic_info">
            <label class="basic_info col-xs-12 col-sm-2" for="nickname">专业:</label>
            <div class="col-xs-12 col-sm-8">
                <input autocomplete="off" class="form-control"  id="major" name="row[major]"
                       type="text"
                       value="{$row.major}"/>
            </div>
        </div>
    </div>
    <h4 style="color: blue">文件信息</h4>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" for="c-avatar">身份证复印件:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input class="form-control" data-rule="" id="c-avatar" name="row[id_number_image]" size="50" type="text"
                       value="{$row.id_number_image}">
                <div class="input-group-addon no-border no-padding">
                    <span><button class="btn btn-danger faupload" data-input-id="c-avatar" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                  data-multiple="true"
                                  data-preview-id="p-avatar"
                                  id="faupload-avatar" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button class="btn btn-primary fachoose" data-input-id="c-avatar" data-mimetype="image/*"
                                  data-multiple="false" id="fachoose-avatar" type="button"><i
                            class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-avatar"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-avatar"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" for="c-education">学历照片:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input class="form-control" data-rule="" id="c-education" name="row[education_image]" size="50" type="text"
                       value="{$row.education_image}">
                <div class="input-group-addon no-border no-padding">
                    <span><button class="btn btn-danger faupload" data-input-id="c-education" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                  data-multiple="true"
                                  data-preview-id="p-education"
                                  id="faupload-education" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button class="btn btn-primary fachoose" data-input-id="c-education" data-mimetype="image/*"
                                  data-multiple="false" id="fachoose-education" type="button"><i
                            class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-education"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-education"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" for="c-certificate">证书照片:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input class="form-control" data-rule="" id="c-certificate" name="row[certificate_image]" size="50" type="text"
                       value="{$row.certificate_image}">
                <div class="input-group-addon no-border no-padding">
                    <span><button class="btn btn-danger faupload" data-input-id="c-certificate" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                  data-multiple="true"
                                  data-preview-id="p-certificate"
                                  id="faupload-certificate" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button class="btn btn-primary fachoose" data-input-id="c-certificate" data-mimetype="image/*"
                                  data-multiple="false" id="fachoose-certificate" type="button"><i
                            class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-certificate"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-certificate"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" for="c-attachment">附件:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input class="form-control" data-rule="" id="c-attachment" name="row[attachment]" size="50" type="text"
                       value="{$row.attachment}">
                <div class="input-group-addon no-border no-padding">
                    <span><button class="btn btn-danger faupload" data-input-id="c-attachment" data-mimetype="*"
                                  data-multiple="true"
                                  data-preview-id="p-attachment"
                                  id="faupload-attachment" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button class="btn btn-primary fachoose" data-input-id="c-attachment" data-mimetype="image/*"
                                  data-multiple="false" id="fachoose-attachment" type="button"><i
                            class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-attachment"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-attachment"></ul>
        </div>
    </div>
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button class="btn btn-primary btn-embossed disabled" type="submit">{:__('OK')}</button>
            <button class="btn btn-default btn-embossed" type="reset">{:__('Reset')}</button>
        </div>
    </div>
</form>
